{extend name="layout:base" /}

{block name="content"}
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">修改分类</div>
        <div class="layui-card-body">
            <form class="layui-form">
                <input type="hidden" name="id" value="{$category.id}">
                <div class="layui-row layui-col-space10 layui-form-item">
                    <div class="layui-col-lg12">
                        <label class="layui-form-label">父栏目：</label>
                        <div class="layui-input-block">
                            <select name="pid"  lay-filter="pid">
                                <option value="0">顶级栏目</option>
                                {volist name="category_list" id="vo"}
                                    {eq name="vo.id" value="$category['pid']"}
                                        <option value="{$vo.id}" selected="selected">{$vo.title}</option>
                                    {else/}
                                        <option value="{$vo.id}" >{$vo.title}</option>
                                    {/eq}
                                {/volist}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-row layui-col-space10 layui-form-item">
                    <div class="layui-col-lg12">
                        <label class="layui-form-label">栏目名称：</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" autocomplete="off" class="layui-input" value="{$category.title}">
                        </div>
                    </div>
                </div>
                <div class="layui-row layui-col-space10 layui-form-item activeBox"
                     {neq name="$category['pid']" value="8"}style="display: none" {/neq}
                >
                    <div class="layui-col-lg12">
                        <label class="layui-form-label">图片：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="image" id="imageurl" value="{$category.image}" autocomplete="off" class="layui-input"/>
                        </div>
                        <input type="button" id="btnImgUpload" value="上传图片" class="layui-btn"/>
                    </div>
                </div>
                <div class="layui-form-item activeBox" {neq name="$category['pid']" value="8"}style="display: none" {/neq}>
                    <label class="layui-form-label"></label>
                    <div class="layui-input-block" >
                        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                            预览图：
                            <div id="imageView"><img src="{$category.image}" height="50"/>
                            </div>
                        </blockquote>
                    </div>
                </div>

                <div class="layui-row layui-col-space10 layui-form-item activeBox" {neq name="$category['pid']" value="8"}style="display: none" {/neq}>
                    <div class="layui-col-lg12">
                        <label class="layui-form-label">简介：</label>
                        <div class="layui-input-block">
                            <textarea name="description" class="layui-textarea">{$category.description}</textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-row layui-col-space10 layui-form-item layui-hide" >
                    <div class="layui-col-lg12">
                        <label class="layui-form-label">内容：</label>
                        <div class="layui-input-block">
                            <textarea name="content" class="layui-textarea" style="width: 100%;min-height:1000px;">{$category.content}</textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-layout-admin">
                    <div class="layui-input-block">
                        <div class="layui-footer" style="left: 0;">
                            <button class="layui-btn" lay-submit="" lay-filter="btnSave">保存</button>
                            <a class="layui-btn layui-btn-primary" href="javascript:parent.location.reload();">返回</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
    layui.config({
        base: '__STATIC__/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'jquery', 'layer', 'form', 'element'], function () {
        var $ = layui.$, form = layui.form;



        form.on('select(pid)', function(data){
            var id=data.value;
            if(id==8){
                $('.activeBox').show();
            }else{
                $('.activeBox').hide();
            }
        });

        form.on('submit(btnSave)', function (data) {
            // console.log(data.field);
            $.post("{:url('/admin/Category/edit')}", data.field, function (result) {
                if (result['code'] == 0) {
                    layer.msg(result['msg'], {icon: 1, time: 1000}, function () {
                        parent.location.reload();
                    });
                } else {
                    layer.msg(result['msg'], {icon: 3, time: 3000});
                }
            });
            return false;
        });
    });
</script>
{/block}


